<%@include file="/header.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<a style="color:red">提示：无聊的时候可以玩一玩休闲小游戏奥：  </a>&nbsp;&nbsp;<a href="剪刀石头布.html">剪刀石头布</a>
	&nbsp;&nbsp;<a href="俄罗斯方块.html">俄罗斯小方块</a>
<!-- 网页主题内容 -->
<div class="panel panel-warning ">
	<div class="panel-heading">
		<ul>
			<li><a href="#">首页</a>&nbsp;&nbsp; <a href="#">国产动漫</a>&nbsp;&nbsp;
				<a href="#">日本动漫</a>&nbsp;&nbsp; <a href="#">欧美动漫</a>&nbsp;&nbsp; <a
				href="#">其他动漫</a>&nbsp;&nbsp; <a href="#">2018新番</a>&nbsp;&nbsp; <a
				href="#">TV</a>&nbsp;&nbsp; <a href="#">OVA</a>&nbsp;&nbsp; <a
				href="#">剧场</a>&nbsp;&nbsp; <a href="#">连载</a>&nbsp;&nbsp; <a
				href="#">完结</a>&nbsp;&nbsp; <a href="#">评分</a>&nbsp;&nbsp; <a
				href="#"><select name="">
						<option value="">追番榜</option>
						<option value="1">按人气从低到高</option>
						<option value="2">按人气从高到低</option>
				</select></a>&nbsp;&nbsp; <input type="text">
				<button type="submit" class="btn btn-default">搜索</button></li>
		</ul>
	</div>
	<div class="panel-body">
		<div class="col-md-4">
			<p>按地区/时间</p>
			<p>
				<a href="#">国产</a>&nbsp; <a href="#">日本</a>&nbsp; <a href="#">欧美</a>&nbsp;
				<a href="#">其他</a>&nbsp;<br> <a href="#">2018</a>&nbsp; <a
					href="#">2017</a>&nbsp; <a href="#">2016</a>&nbsp; <a href="#">2015</a>&nbsp;
			</p>
		</div>
		<div class="col-md-4">
			<p>类型</p>
			<p>
				<a href="#">热血</a>&nbsp; <a href="#">机战</a>&nbsp; <a href="#">恋爱</a>&nbsp;
				<a href="#">校园</a>&nbsp; <a href="#">搞笑</a>&nbsp; <a href="#">神话</a>&nbsp;
				<a href="#">冒险</a>&nbsp; <a href="#">运动</a>&nbsp; <a href="#">竞技</a>&nbsp;
				<a href="#">童话</a>&nbsp; <a href="#">萝莉</a>&nbsp; <a href="#">神魔</a>&nbsp;
				<a href="#">励志</a>&nbsp; <a href="#">教育</a>&nbsp; <a href="#">科幻</a>&nbsp;
				<a href="#">魔法</a>&nbsp; <a href="#">后宫</a>&nbsp; <a href="#">战争</a>&nbsp;
				<a href="#">青春</a>&nbsp; <a href="#">美少女</a>&nbsp; <a href="#">亲子</a>&nbsp;
				<a href="#">基腐</a>&nbsp; <a href="#">其他</a>&nbsp;
			</p>
		</div>
		<div class="col-md-4">
			<p>按语言</p>
			<p>
				<a href="#">日语</a>&nbsp; <a href="#">国语</a>&nbsp; <a href="#">粤语</a>&nbsp;
				<a href="#">英语</a>&nbsp;<br> <a href="#">韩语</a>&nbsp; <a
					href="#">方言</a>&nbsp; <a href="#">其他</a>&nbsp;
			</p>
		</div>
	</div>
</div>
<!-- 轮播开始 -->
<div class="col-md-4">

	<div id="carousel-example-generic" class="carousel slide"
		data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0"
				class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner" role="listbox">
			<div class="item active">
				<img src="${pageContext.request.contextPath}/images/lunbo/1.jpg"
					alt="">
				<div class="carousel-caption"></div>
			</div>
			<div class="item">
				<img src="${pageContext.request.contextPath}/images/lunbo/2.jpg"
					alt="">
				<div class="carousel-caption"></div>
			</div>
			<div class="item">
				<img src="${pageContext.request.contextPath}/images/lunbo/3.jpg"
					alt="">
				<div class="carousel-caption"></div>
			</div>

		</div>

		<!-- Controls -->
		<a class="left carousel-control" href="#carousel-example-generic"
			role="button" data-slide="prev"> <span
			class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span
			class="sr-only">Previous</span>
		</a> <a class="right carousel-control" href="#carousel-example-generic"
			role="button" data-slide="next"> <span
			class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div>

</div>
<!-- 轮播ending -->
<div class="col-md-4">
	<a href="#" class="thumbnail todaygoods"> <img
		src="${pageContext.request.contextPath}/images/haizeiwang.jpg"
		height="500px" width="1000px">
		<div class="caption text-center">
			<p>海贼王</p>
			<p>《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品，在《周刊少年Jump》1997年34号开始连载。
				改编的电视动画《航海王》于1999年10月20日起在富士电视台首播。 2012年5月11日，《航海王》获得第41回日本漫画家协会赏
				[1] 。</p>
		</div>
	</a>
</div>
<div class="col-md-4">
	<a href="#" class="thumbnail todaygoods"> <img
		src="${pageContext.request.contextPath}/images/tianxingjiuge.jpg"
		height="500px" width="1000px">
		<div class="caption text-center">
			<p>天行九歌</p>
			<p>《天行九歌》，是由3D动画《秦时明月》系列原制作团队杭州玄机科技信息技术有限公司打造的姐妹篇网络3D动画，
				该动画以韩国公子韩非建立的“流沙”组织为主视角，展开六国对抗秦国的众生百态，使观众进入战国末年风起云涌、群雄并起、
				百家争鸣的大时代中的故事。</p>
		</div>
	</a>
</div>


<c:forEach items="${catelist}" var="c" varStatus="vs">
	<div>
		<span class="cate-title"></span>

	</div>
	<div class="panel panel-success">

		<h3 class="panel-title">人气推荐</h3>
	</div>
	<div class="row">
		<c:forEach items="${c.goodslist}" var="g" varStatus="gvs">
			<div class="col-md-2">
				<a
					href="${pageContext.request.contextPath}/goods/goodsDetail.action?goods_id=${g.goodsId}">
					<div class="thumbnail homegoods">
						<img alt="暂无图片"
							src="${pageContext.request.contextPath}${g.goodsPic}" />
						<div class="caption caption-style">
							<p>${g.goodsName}</p>

						</div>
					</div>
				</a>
			</div>
		</c:forEach>
	</div>

</c:forEach>






<div class="panel panel-success">
	<div class="panel-heading ">

		<h3 class="panel-title">人气热搜</h3>
	</div>
	<div class="panel-body">

		<div class="row">
			<c:forEach items="${hotgoodslist}" var="g" varStatus="vs">
				<c:if test="${vs.count<=6}">
					<div class="col-md-2">
						<a
							href="donghua-play.jsp">
							<div class="thumbnail homegoods">
								<img alt="暂无图片"
									src="${pageContext.request.contextPath}${g.goodsPic}" />
								<div class="caption caption-style">
									<p>${g.goodsName}</p>

								</div>
							</div>
						</a>
					</div>
				</c:if>
			</c:forEach>
		</div>
	</div>
</div>

<!-- col-12 end -->
</div>


<!-- row end -->
</div>

<%@include file="/common/footer.jsp"%>